import Taro from '@tarojs/taro'
import React, { useState } from 'react';
import { useLoad } from '@tarojs/taro'
import { Button } from '@antmjs/vantui';
import { View, Text, Image } from '@tarojs/components'
import { IconFont } from '../../components';
import { login } from '../../https/local';
import './index.scss'

export default function Login() {

    const [isAuth, setIsAuth] = useState(true)

    // useLoad(() => {
    //     Taro.showLoading({ title: "加载中" })
    //     Taro.getSetting({
    //         success: (res) => {
    //             Taro.hideLoading()
    //             Taro.getUserInfo({
    //                 success: function (res) {
    //                     //获取用户信息
    //                     Taro.redirectTo({ url: '/pages/home/index' })
    //                     Taro.setStorageSync('userInfo',res)
    //                 },
    //                 fail: function (err) {
    //                     setIsAuth(true)
    //                 }
    //             }
    //             )
    //         },
    //         fail: (err) => {
    //             Taro.hideLoading()
    //             setIsAuth(true)
    //         }
    //     })
    // })

    //授权登录 
    const appAuth = () => {
        Taro.login({
            desc: '正在获取',//不写不弹提示框
            success: function (res) {
                console.log('code', res)
                login({ loginType: '001', code: res?.code }).then((res) => {
                    console.log('token', res)
                })
                // //获取用户信息
                // Taro.redirectTo({ url: '/pages/home/index' })
            },
            fail: function (err) {
                setIsAuth(true)
            }
        }
        )

    }

    if (isAuth) {
        return (
            <View class="container">
                <View class='header'>
                    <IconFont name='ac-denglu' size={300} />
                </View>
                <View class='content'>
                    <View>申请获取以下权限:</View>
                    <Text>获得你的公开信息(昵称、头像、地区及性别等)</Text>
                </View>
                <View className='button-view'>
                    <Button className='button' onClick={appAuth} type='primary'>登录</Button>
                </View>
            </View>
        );
    } else {
        return (<View></View>)
    }
}